/**
 * Copyright 2025 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

:host {
    box-sizing: border-box;
    inline-size: 100vw;
    block-size: 100vh;
    block-size: -webkit-fill-available;
    block-size: stretch;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
    transition: visibility 0s linear var(--mod-modal-transition-animation-duration, var(--spectrum-animation-duration-100));
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
}

:host([open]) {
    visibility: visible;
}

@media only screen and (device-height <= 350px), only screen and (device-width <= 400px) {
    :host([responsive]) {
        inline-size: 100%;
        block-size: 100%;
        max-inline-size: 100%;
        max-block-size: 100%;
        border-radius: 0;
    }

    :host([responsive]) {
        margin-block-start: 0;
    }
}
